import React from 'react';
import { Target, TrendingDown, Calendar } from 'lucide-react';

const TargetManagement = () => {
  return (
    <div className="p-6">
      <div className="mb-6">
        <h1 className="text-2xl font-bold text-gray-900">减排目标管理</h1>
        <p className="text-gray-600">科学减排目标设定和进度跟踪</p>
      </div>
      
      <div className="space-y-6">
        <div className="bg-white p-6 rounded-lg shadow-md">
          <Target className="h-12 w-12 text-blue-600 mb-4" />
          <h3 className="text-lg font-semibold mb-2">目标设定</h3>
          <p className="text-gray-600 mb-4">基于SBTi科学减排目标方法学</p>
          <button className="bg-blue-600 text-white px-4 py-2 rounded-lg hover:bg-blue-700">
            设定新目标
          </button>
        </div>
      </div>
    </div>
  );
};

export default TargetManagement; 